@charset "gb2312";
/* CSS Document
Theme Name: 277
Theme URI: 
Description: A website for guide themes.
Version: 2017.7..18
Author: ljh
 */
/* CSS Document */
/***预设样式***/
body,h1,h2,h3,h4,h5,h6,li,ul,ol,dt,dl,dd,input,p{margin:0;padding:0;}
body{font-family:arial,"Microsoft Yahei","宋体";font-size:14px;}
ol,ul{list-style:none;}
input,img{border:none;}
a{text-decoration:none;}
i{font-style:normal;}
.clear:after{
	content:"200B";
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
	}
.clear{*zoom:1}
/***公用样式**/
.wrap{width: 1200px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.head{    height:770px;position:relative;}
.bj{    height: 177px;
    background: url(../images/nav_02.png) repeat-x 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 50;}
.bj .wrap{background: url(../images/navwrap_02.png) no-repeat 0 0;height:177px;}
.nav{height:143px;}
.logo {    width: 400px;
    height: 110px;}
.nav .right{    height: 90px;
    text-align: left;width: 800px;}
.nav  li{float:left;position:relative;}
.nav  li a{    font-size: 16px;
    color: #fff;display:block;    padding: 0 20px;
    line-height: 90px;
    height: 90px;
    text-align: center;}
.nav  li:hover{background:url(../images/navhover_03.png) no-repeat center 70px;}
.nav  li:hover a{color:#dcc003;}
.nav  li:hover ul li{background:none;}
.nav  li:hover ul li a{color:#fff;}
.secondNav ul li ul li{    z-index: 50; float: none;
    border-bottom: 1px solid #4b6fae;}
.secondNav ul li ul{position:absolute;    left: 0px;
    text-align: center;    white-space: nowrap;
    overflow: hidden;top:90px;
    width: 100%;z-index:90;}
.secondNav ul li ul li a{background:#204383;color:#fff;line-height:30px;height:30px;font-size:14px;}
.secondNav ul li ul li a:hover{color:#dcc003;}
.top{color: #fff;
    line-height: 30px;height:30px;}
.headsearch{    height: 50px;    background: #204383;}
.keyname{    float: left;
    line-height: 50px;
    color: #fff;background:url(../images/gonggao_09.jpg) no-repeat 0 center;padding-left:36px;}
.keyname a{color: #fff;}
.search-box{    float: right;
    width: 233px;
    margin-top: 11px;
    height: 28px;
    background: url(../images/search_09.png) no-repeat left top;}
.search-box input.text{    background: #204383;
    width: 177px;
    height: 25px;
    margin-left: 1px;
    margin-top: 1px;
    padding-left: 10px;
    line-height: 26px;
color: #fff;}
.searcha{ display: block;
    width: 45px;
    height: 29px;
    float: right;
    text-align: center;
    line-height: 29px;
    color: #fff;}
/*底部*/
.foot{background: #204383;
    color: #fff;padding: 40px 0;
line-height: 40px;}
.foot .left1{    width: 454px;height:240px;
    border-right: 1px solid #2855a7;}
.foot .left2{  height:240px;
    padding-left: 88px;}
.foot .left2 a{      width: 127px;
    height: 45px;    margin-top: 17px;
    line-height: 45px;
    background: url(../images/cont_33.jpg) no-repeat 0 0;
    display: block;
    text-align: right;
    padding-right: 33px;
	display:none;
	}
.foot .left2 .phone{color: #dcc003;
    font-size: 28px;
    padding-top: 90px;
    line-height: 30px;}
.foot .left2	p{    line-height: 40px;}
.foot .right{    width: 280px;height:150px;
    padding-left: 90px;    padding: 45px 0;
    border-left: 1px solid #2855a7;}
.foot .erweima{    width: 109px;
    height: 149px;
    padding-left: 30px;
    float: left;text-align:center;}
.foot .erweima img{width: 109px;height: 109px;}
.foot a{color:#fff;}
.botnav{    background: #204383;
    text-align: center;
    line-height: 77px;
    color: #fff;border-top:1px solid #2855a7;}
.botnav span{padding:0 30px}
.botnav a{color:#fff;}	
.botnav a:hover{color:#dcc003;}	
/* flexslider */
.flexslider{    position: absolute;
    height: 650px;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;}
.slides{position:relative; z-index:1;}
.slides li{height:650px;}
.slides li a{height:100%;width:100%;display:block;}
.slides li img{height:100%;width:100%;display:block;float:left;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;
height:20px;line-height:60px;overflow:hidden;
background:url(../images/landot_05.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{    display: block;
    width: 58px;
    height: 73px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{display:none;left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{display:none;right:0px;background:url(../images/next.png) center center no-repeat;}

/***首页**/
.indexkong{padding:40px 0;}
/*--------- 首页滚动案例 ---------*/
.indexabout .content{background:url(../images/indexabout_20.jpg) no-repeat center 0;    margin-top: 30px;}
.indexabout .left{     width: 374px;
    height: 244px;
    border: 3px solid #3480ff;}
.indexabout .left a{width:100%;height:100%;display:block;}
.indexabout .left img{width:100%;height:100%;display:block;float:left;}
.indexabout .indexaboutright{      width: 49%;
    float: right;
background:url(../images/about_03.jpg) no-repeat;height:480px;}
.indexabout .right{    width: 790px;
    position: relative;
    height: 250px;}

.indexabout .aboutus{     color: #fff;
    border: 1px solid #fff;
    text-align: center;
    line-height: 38px;
    width: 128px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;}
.indexabout .dantitle{    top: 15px;
    left: 50px;
    background: none;
    text-align: left;}
.title{     height: 67px;
    background: url(../images/title_17.png) no-repeat center 38px;
    width: 300px;
    margin: 0px auto;}
.title .yingwen{     font-size: 26px;
    line-height: 27px;
    color: #bcc6da;
    text-transform: uppercase;
    text-align: center;
    font-family: "宋体";}
.title .zhongwen{ font-size: 30px;
    color: #204283;
    text-align: center;
    line-height: 31px;
    padding-top: 10px;}
.indexpro .juzhong{text-align:Center;}
.indexpro .mainProduct{    width: 1220px;
    margin-left: -20px;
    margin-top: -20px;}
.indexpro .mainProduct li{    margin-left: 20px;
    margin-top: 20px;}
.indexpro .procate{text-align:center;padding:0 76px;background:#204383;margin:30px 0;    border-radius: 30px;    display: inline-block;}
.indexpro .procate a{color:#fff;line-height:55px;padding:0 26px;    display: inline-block;}
.indexpro .procate a:hover{color:#dcc003;text-decoration:underline;}
.indexabout .right .biaoti{     position: absolute; color: #276099;  left: 50px;
    top: 125px;font-size: 19px;
    line-height: 38px;}

.indexabout .right p{    font: normal 14px/32px "微软雅黑";
    color: #fff;
    text-indent: 2em;
    overflow: hidden;
    /* left: 0; */
    height: 192px;}
.indexabout .right .more{     display: block;
    position: absolute;left:50px;
    bottom: 45px; width: 160px;}
.indexabout .right .more a{    background: #276099;
    color: #fff;
    width: 119px;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.indexnews .title{margin:40px auto;}
.indexnews .firstnews {    height: 140px;
    border-bottom: 2px dashed #dadada;}
.indexnews .firstnews .left{width:200px;height:120px;}
.indexnews .firstnews .left a{width:100%;height:100%;display:block;}
.indexnews .firstnews .left img{width:100%;height:100%;}
.indexnews .firstnews .right{width:980px;height:120px;position:relative;}
.indexnews .firstnews .right a{color: #333;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 800px;}
.indexnews .firstnews .right a:hover{color:#204383;}
.indexnews .firstnews .right span{    color: #7b7a7a;
    position: absolute;
    right: 0;
    top: 12px;}
.indexnews .firstnews .right p{     line-height: 22px;
    color: #7b7a7a;
    height: 66px;
    overflow: hidden;
    left: 0;
    position: absolute;
    top: 44px;}
.indexnews .content{}
.indexnews .content li{    width: 580px;
    height: 48px;
    line-height: 48px;
    float: left;
    list-style: none;
    background: url(../images/news_26.png) no-repeat 0 center;}
.indexnews .content li a{    float: left;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 460px;
    padding-left: 20px;}
.indexnews .content li a:hover{color:#204383;}
.indexnews .content li span{display:block;float:right;}
.prolist{margin-left:-10px;padding-bottom:80px;}
.prolist li{width:280px;height:374px;float:left;margin:0 10px;}

.prolist li .proshowimg{margin-bottom:20px;width:278px;height:316px;float:left;border:1px solid #fff;border-radius:7px;overflow:hidden;}
.prolist li .proshowimg:hover{border-color:#36404b;}
.prolist li .proshowimg  a{display:block;width:100%;height:100%;}
.prolist li .proshowimg  a img{display:block;width:100%;height:100%;}
.prolist li h2{height:25px;}
.prolist li h2 a{    display: block;
    width: 100%;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
   color:#333;
    text-align: center;
    font: normal 16px/35px "微软雅黑";
    background: none;}
.prolist li h2 a:hover{ color: #fff;background: #36404b;}
.littletitle{height:40px;    background: #276099;
    color: #fff;
    line-height: 40px;
    font-size: 18px;
    padding-left: 18px;
}
.box .content .baohan{    padding: 24px 25px;
    background: url(../images/icon_26.png) no-repeat left 34px;}
.box .content p{color: #666;
    line-height: 36px;}
.box .content .left{     width: 262px;
    height: 206px;
    padding: 0;
    left: 0;
    position: absolute;
    top: 10px;    top: 33px;}
.box .content .left a{display:block;width:100%;height:100%;}
.box .content .left img{display:block;width:100%;height:100%;}
.box .content .right{    width:283px;
    float: right;padding:0;}
.box .content .right li{     height: 42px;
    line-height: 26px;
    background: url(../images/newsbj_03.jpg) no-repeat left 8px;
    list-style: none;
    padding-left: 18px;}
.box .content .right li a{    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    width: 300px;
}
.box .content .right li a:hover{color:#276099;}
.box .content .right li span{    display: block;
    float: right;
    padding-right: 20px;
    color: #999;
}
.newspic{    width: 212px;
    height: 128px;
    margin-top: 20px;
    margin-right: 20px;}
.newspic a{display:block;width:100%;height:100%;}
.newspic img{display:block;width:100%;height:100%;}

.indexcases .title{margin:40px auto ;}
.indexcases .mainCase{    width: 1214px; margin-left: -13px;}
.indexcases .mainCase li{    margin-left: 13px;
    margin-top: 0;}
/*面包屑*/
.location{      height: 40px;
    border-bottom: 1px solid #e2e2e2;}
.location p{line-height: 40px;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666; /* bottom: 0; */
    width: 940px;
    text-align: left;}
.location a{line-height: 40px;color: #666;}
.location a:hover{color:#276099}
/*关于我们*/
.danleft{
	width: 240px;
    float: left; 
}

.danyeleft{    width: 238px;
    float: left;
    position: relative;
    background: #33589f;
    margin-top: -94px;z-index:10;}
.danyeright{    width: 940px;float:right;}
.dantitle{      height: 135px;
    color: #f7f1b7;
    text-align: center;
    background: #204283;
}

.mainAboutUs{padding-bottom: 40px;}
.dantitle .yingwen{ text-transform: uppercase;    line-height: 26px;}
.dantitle .zhongwen{      font-size: 24px;
    line-height: 30px;
    padding-top: 40px;}
.contactus{    padding: 75px 49px 40px 24px;
    background: url(../images/iocn_03.jpg) no-repeat 24px 79px;position:relative;}
.child{width:89px;height:121px;background:url(../images/ghf_03.png) no-repeat center; position:absolute;    right: -32px;
    bottom: -45px;}
.danyecatenav{padding-bottom:44px;}
.contway{    width: 238px;
    height: 130px;
    background: url(../images/dancate_07.jpg) no-repeat 0 bottom;
    text-align: center;
    color: #666;
    line-height: 25px;
    padding-top: 65px;
	
	}
.contway .huang{    color: #dcc003;
    font-size: 22px;}
.contway a{    color: #fff;
    display: block;
    margin: 2px auto 0;
    width: 100px;
    line-height: 24px;display:none;}
.danyecatenav li a{ display: block;
    /* width: 100%; */
    color: #fff;
    line-height: 60px;
    font-size: 14px;
    /* width: 164px; */
    /* margin: 0 30px; */
    padding: 0 30px;
    background:#33589f url(../images/cate_03.jpg) no-repeat 0 bottom; }

.danyecatenav li:hover a{background:#2a4b8c url(../images/catehover_03.jpg) no-repeat 0 bottom;}
.danyecatenav li:hover .erjip a{background:#5173b4;}
.danyecatenav li .erjip a:hover{background:#204283}
.text-wrap{       font: normal 14px/30px "微软雅黑";
    color: #333;
    overflow: hidden;}
.nopadding{padding:0;}
.text-box{padding-top:10px;}

/***产品详情**/

.mainProduct{      overflow: hidden;width: 982px;
    margin-left: -42px;
}
.mainCase{    overflow: hidden;
    width: 978px;
    margin-left: -36px;}
.border{    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 14px;padding-bottom:1px;
    width:810px;}
.mainProduct li{      width: 283px;
    height: 334px;
    float: left;
    position: relative;
    border: 1px solid #c9c9c9;
    margin-top: 42px;
    margin-left: 42px;}
.mainCase li{    width: 290px;
    height: 310px;
    margin-left: 36px;
    border: none;
    margin-top: 36px;}
.mainProduct li:hover{border-color:#dcc003}
.xiangguanpro {    width: 900px;
    margin-left: -34px;}
.xiangguanpro li{     margin: 4px 0 20px 34px;}
.mainProduct .xgcpy:first-child{margin-left:0}
.mainProduct li .proshowimg{     position: absolute;
    width: 250px;
    height: 270px;
    top: 0;
    left: 0;
    border-left: none;
    border-right: none;padding: 16px;
padding-bottom: 0;}
.mainCase li .proshowimg{width: 100%;
    padding: 0;}
.mainProduct li .proshowimg:hover{border-color:#ff0000;}
.mainProduct li h2{      position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41px;}
.mainCase li h2{background:#ebeaea;    height: 40px;}
.mainCase li h2:hover{background:#204383}

.mainProduct li .proshowimg a{display:block;width:100%;height:100%;}
.mainProduct li .proshowimg a img{float:left;display:block;width:100%;height:100%;}
.mainProduct li h2 a{      display: block;
    /* width: 206px; */
    padding: 0 17px;
    height: 35px;
    font-weight: normal;
    color: #333;
    font-size: 14px;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;}
.mainCase li h2 a{line-height:40px;}
.mainProduct li h2 a:hover{color: #dcc003;text-decoration:none;}
.mainCase li h2 a:hover{color:#fff}
.pages{text-align:center;}
.pages ul{     height: 74px;
    display: inline-block;}
.pages ul li{    float: left;
    color: #fff;
    margin: 40px 0px 0px 5px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #bbb;
    overflow: hidden;}
.pages ul li a{color:#666;}
.pages ul li:hover a{color:#fff;}
.pages ul li:hover{text-decoration:none;background:#0a437d;border-color:#0a437d;}

/***新闻资讯**/

.newsul li{      height: 40px;
    border-bottom: 1px dashed #d4d4d4;
    line-height: 40px;
    background: url(../images/news_26.png) no-repeat 0 center;}
.newsul li:hover a{color:#037bce;}
.newsul li .titlea{     color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 700px;
    padding-left: 20px;}
.newsul li span{ color: #666;
    font-size: 14px;
    /* line-height: 59px; */
    display: block;
    float: right;}
.newsul li .titlea:hover{color:#276099;text-decoration:none;}
.indexlink .wrap{     padding-top: 20px;
    padding-bottom: 20px;}
.indexlink p{       line-height: 30px; color: #333;}
.indexlink a{color:#333; line-height: 30px; }

/***新闻资讯详情**/
.relapro{    margin-top: -42px;}
.relapro li .proshowimg{}
.relapro .kong{height: 1px;
    width: 228px;
    margin: 0 auto;
    background: #e5e5e5;
    margin-top: 16px;}
.relapro .tel{    width: 170px;
    height: 100px;
    background: url(../images/tel_03.png) no-repeat 25px center;
    padding-left: 80px;}
.relapro p{    height: auto;
    color: #666;
    line-height: 24px;
    padding-left: 0px;}


.fwalneipcn h1{      text-align: center;
    font: normal 16px/30px "微软雅黑";
    color: #333;
    padding-top: 10px;}
.fwalneipcn .fabutime{text-align: center;
    font: normal 12px/30px "微软雅黑";
    color: #999;}
.fanye{      margin-top: 10px;
    color: #333;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 8px 0;}
.fanye h3{font:normal 14px/28px "微软雅黑";color:#333;}
.fanye h3 a{font:normal 14px/28px "微软雅黑";color:#333;padding-right:6px;}
.fanye a{color:#333;}
.fanye a:hover{color:#36404b;text-decoration:none;}
.relanews li{    width: 384px;
    float: left;
    height: 35px;
    border-bottom: 1px dashed #e0e0e0;}
.relanews{margin-bottom:20px;    padding-left: 20px;}
.relanews li:hover{background:none;}
.relanews li:first-child{background:none;padding:0}
.relanews li:first-child:hover{background:none;padding:0}
.relanews li .titlea {    width: 272px;
    padding: 0;
    font-size: 12px;
    line-height: 35px;}
.relanews li   span{    line-height: 35px;
    padding-right: 0;
    font-size: 12px;}
.relatitle{     background: url(../images/rela_03.jpg) no-repeat 0 center;
    height: 50px;
    position: relative;}
.relatitle .telat{    background: none;
    color: #33589f;
    font-size: 16px;
    padding-left: 40px;
    line-height: 50px;
    width: auto;
    height: auto;}
.relatitle .remore{    color: #33589f;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 12px;}
.telat{     color: #0a3a89;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 133px;
    height: 35px;
    text-align: left;
    font-size: 18px;
    line-height: 35px;
    padding-left: 40px;}
.renewslist{padding:40px 0px;}
.mainProductItem {    padding: 40px 0 58px;}
.renewslist{margin-left:-120px;}
.renewslist li{    height: 134px;
    width: 410px;
    float: left;
    padding-left: 115px;}
.renewslist li .jt{     width: 8px;
    color: #36404b;
    padding-right: 10px;
    height: 8px;
    display: block;
    float: left;
    padding-top: 9px;
    padding-left: 4px;}
.renewslist li  a{      line-height: 32px;
    float: left;
    font-size: 17px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 410px;
    height: 37px;}
.renewslist li p{    line-height: 24px;
    float: left;
    font-size: 14px;
    color: #a3a3a3;
    overflow: hidden;
    height: 48px;}
.renewslist li span{line-height: 26px;
    font-size: 11px;
    color: #b0b0b0;
}
/***产品详情**/
.pcsuo{text-align:center;}
.pcsuo img{width:auto;height:auto;display:inline;}
.neinei img{width:auto;height:auto;display:inline;}


/***新闻资讯**/
.mainNews .year{background:#f5f5f5;}

/***产品详情**/
.mainProductItem {
    margin-left: 0;
}

/***新闻资讯详情**/
.mainNewsItem{}
#formSeach{position:relative;}
#formSeach .searcha{position:absolute;right:0;top:0;z-index:2;}
	
.erjip{     text-align: center;}
.danyecatenav .erjip a{    font-size: 12px;background:none;
    color: #fff;}
.danyecatenav .erjip a:hover{background:none;background:#204283;font-size:13px;}
.text-wrap a{color:#333;}
.text-wrap a:hover{color:#276099;}